<template>
  <div class="tac-bar">
    <el-menu :default-active="activeIndex"
             class="el-menu-demo"
             mode="horizontal"
             @select="handleSelect"
             router>
      <el-menu-item index="/daifenpei">待分配</el-menu-item>
      <el-menu-item index="/yipaic">已派车</el-menu-item>
      <el-menu-item index="/yiqians">已签收</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: 'TacBar',
  data() {
    return {
      activeIndex: '1',
      activeIndex2: '1',
      activeIndex3: '1',
    }
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath)
    },
  },
}
</script>

<style lang="less" >
</style>
